
<section class="mybill">
  <!-- 标题 -->
  <div class="title-box">
    <h2>
      <span>财务管理/</span>我的发票</h2>
  </div>
  <!-- 菜单输入 -->
  <div class="menu-box">
    <el-row>
      <el-col :span="6">
        <div class="block">
          <el-date-picker align="right" type="date" placeholder="选择日期">
          </el-date-picker>
        </div>
      </el-col>
      <el-col :span="6">
        <el-select v-model="value" placeholder="请选择">
          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
          </el-option>
        </el-select>
      </el-col>
      <el-col :span="6">
        <el-input placeholder="请输入单据编号"></el-input>
      </el-col>
      <el-col :span="6">
        <el-button type="primary" icon="el-icon-search" class="menu-btn"></el-button>
      </el-col>
    </el-row>
  </div>
  <!-- 表格 -->
  <div class="table">
    <el-table :data="mylist" border style="width: 100%">
      <el-table-column prop="time" label="交易时间">
      </el-table-column>
      <el-table-column prop="number" label="订单编号" width="180">
      </el-table-column>
      <el-table-column prop="invoicename" label="发票抬头">
      </el-table-column>
      <el-table-column prop="price" label="发票总额">
      </el-table-column>
      <el-table-column prop="status" label="状态">
      </el-table-column>
      <el-table-column prop="operation" label="操作">
      </el-table-column>
    </el-table>
  </div>
  <!-- 分页 -->
  <div class="page-box">
    <el-pagination layout="prev, pager, next, jumper" :total="1000" class="mypage">
    </el-pagination>
  </div>
</section>

